/* Remove Rounded Corners */

.form-control,
.input-lg,
.btn,
.alert,
.container .jumbotron,
.dropdown-menu,
.modal-content,
.nav-tabs > li > a,
.btn-group-lg > .btn,
.list-group-item:first-child,
.list-group-item:last-child {
  border-radius: 0;
}

/* Icons */

.icon-loading {
  display: inline-block;
  width: 16px;
  height: 11px;
  vertical-align: middle;
  background-position: center left;
  background-repeat: no-repeat;
  background-image: url();
}
a .icon-loading,
.icon-loading-link {
  background-image: url();
}

/* Inputs */

.input-with-icon {
  display: inline-block;
  position: relative;
}
.input-icon {
  position: absolute;
  font-size: 18px;
  right: 7px;
  top: 9px;
}
.form-horizontal .input-with-icon {
  display: block;
}

/* Alerts */

.alert {
  border: 0;
  padding: 15px 20px;
}
.alert > h3:last-child,
.alert > h4:last-child,
.alert > h5:last-child {
  margin-top: 10px;
}

/* Alert icon */
.alert-withicon {
  position: relative;
  padding-left: 4em;
}
.alert-icon {
  position: absolute;
  top: 50%;
  left: 0.5em;
  margin-top: -0.5em;
  font-size: 200%;
  opacity: 0.3;
}
.alert-withicon.alert-lg {
  padding-left: 8em;
}
.alert-withicon.alert-lg .alert-icon {
  font-size: 400%;
}

/* Log */
.alert .text-monospace {
  display: inline-block;
  word-break: break-all;
}
.alert textarea {
  width: 100%;
  height: 4em;
}
.alert .btn-link {
  color: #000;
  opacity: 0.2;
}

/* Wipe */
.alert-buttons {
  padding-top: 0.6em;
}
.alert-buttons .btn-link {
  opacity: 0.5;
}

/* Modals */

.modal-dialog {
  width: 400px;
}
.modal-sm {
  width: 300px;
}
.modal-lg {
  width: 600px;
}
.modal-footer {
  margin-top: 0;
}
.modal-body > .alert:last-child {
  margin-bottom: 0;
}

.text-capitals {
  text-transform: capitalize;
}

.text-break {
  word-break: break-all;
}

.help-block {
  color: #999;
}

.form-inline .help-block {
  display: inline-block;
  margin-left: 20px;
}

.lead {
  font-size: 16px;
}

.jumbotron,
.container .jumbotron {
    padding: 32px;
    margin-top: 32px;
}

.tooltip.tooltip-danger.right .tooltip-arrow {
  border-right-color: #A94442;
}

.tooltip.tooltip-danger .tooltip-inner {
  background-color: #A94442;
  border-color: #A94442;
  color: #FFFFFF;
}

.text-monospace {
  font-family: monospace;
}

/* Animations */

.modal-backdrop.am-fade {
  opacity: .5;
  transition: opacity .15s linear;
}
.modal-backdrop.am-fade.ng-enter {
  opacity: 0;
}
.modal-backdrop.am-fade.ng-enter-active {
  opacity: .5;
}
.modal-backdrop.am-fade.ng-leave {
  opacity: .5;
}
.modal-backdrop.am-fade.ng-leave-active {
  opacity: 0;
}

/* Tab navigation */
.nav-tabs .nav-tab-small {
  float: right;
}

/* Line divider component */

.line-divider {
  margin: 20px 0;
  position: relative;
}

.line-divider > hr {
  position: absolute;
  top: 50%;
  width: 100%;
  margin: 0;
}

.line-divider > .line-divider-content {
  position: relative;
}

.slider-horizontal {
  width: 100% !important;
}

/* Device screen component */

.samp-screen {
  display: block;
  padding: 9.5px;
  margin: 10px 0 0;
  font-size: 13px;
  line-height: 1.42857143;
  background: #333333;
  color: #ffffff;
}

/* Layout, header, footer */

html {
  position: relative;
  overflow-y: scroll;
  min-height: 100%;
}

body {
  margin: 0 0 120px; /* bottom = footer height */
}

[ng-cloak] {
  display: none !important;
}

.page-header {
  margin: 0;
  padding: 15px 0;
}

.page-header .navbar-brand {
  padding: 0;
  padding-left: 30px;
  margin-top: 4px;
}

.page-container {
  padding-top: 20px;
}

.page-footer {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 4em;
  padding-left: 30px;
  color: #999;
  font-size: smaller;
}

.page-footer a {
  color: #999;
}

/* Error app, installer modal */

.btn-installer-download .glyphicon {
  top: 2px;
}

.btn-installer-platform {
  opacity: 0.7;
}

/* Device nav */

.nav-devices .disabled a {
  pointer-events: none;
  color: #428BCA !important;
  opacity: 0.6;
  transition: opacity 0.5s 0.5s;
}

.nav-devices .active {
  background: rgba(66, 139, 202, 0.1);
}

.nav-devices .btn {
  margin-left: 3px;
}

.nav-devices > li > .dev-forget {
  display: none;
  padding: 2px 6px;
  position: absolute;
  top: 38px;
  right: 6px;
}

.nav-devices > li:hover > .dev-forget {
  display: block;
}

.dev-status {
  display: block;
  margin-top: -4px;
  opacity: 0.6;
}

.dev-blocked {
  top: 12px;
  right: -200px;
  width: 200px;
}

.dev-acc-info {
  white-space: nowrap;
}

.dev-acc-info .icon-loading {
  margin-left: 10px;
}

/* Account Public Key (XPUB) */

.nav-devices-accounts {
  margin-bottom: 15px;
}

.nav-devices-accounts li:hover {
  color: #000;
}

.nav-devices-accounts  > li > .account-label-change {
  display: none;
  padding: 2px 0px;
  position: absolute;
  top: 3px;
  right: 6px;
}

.nav-devices-accounts  > li:hover > .account-label-change {
  display: block;
}

/* Error on inconsistent acc info */

.alert-inconsistent .btn {
  margin-left: 20px;
}

/* Application logs */

.alert-logs textarea {
  font-size: 80%;
}

/* Alert bar */

.alertbar {
  margin: 0;
  padding: 12px;
}

.alertbar .btn {
  margin-left: 10px;
}

/* Overlays */

.overlay-container {
  position: relative;
}

.overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  text-align: center;
}

.overlay-default {
  background: rgba(255, 255, 255, 0.8);
}

.overlay-content {
  position: absolute;
  top: 40%;
  left: 0;
  right: 0;
}

/* Transaction list */

.txlist-loading,
.txlist-empty {
  margin-top: 50px;
}

.txlist thead th {
  font-size: 85%;
  font-weight: normal;
  border-bottom: none !important;
  padding: 4px 8px !important;
}

.txlist thead th.txlist-header-address {
  padding-left: 30px !important;
}

.txlist thead th.txlist-header-amount {
  padding-left: 16px !important;
}

.txlist-address,
.txlist-amount,
.txlist-balance {
  font-family: monospace;
}

.txlist-hash .glyphicon {
  display: none;
}

.txlist-tx:hover .txlist-hash .glyphicon {
  display: inline-block;
}

.txlist-tx:hover .glyphicon {
    display: none;
}

/* Device send/receive nav */

.tab-content {
  padding-top: 30px;
}
/*
.tab-content {
  border: 1px solid #ddd;
  border-top: 0;
  padding: 20px;
  padding-bottom: 5px;
}
*/
.tab-content .row {
  padding-bottom: 16px;
}

/* Receive */

.address-list .badge {
  opacity: 0.5;
}

.address-modal {
  text-align: left;
}

.address-modal h5 {
  margin-top: 0;
}

.address-modal .address-list {
  margin-bottom: 0;
}

.address-modal .address-qr {
  margin-top: 20px;
  text-align: center;
}

.address-list-address{
    font-family:monospace;
}

.address-list-item.active {
  color: hsl(208, 40%, 43%) !important;
  background-color: hsla(208, 56%, 53%, 0.1) !important;
  border-color: hsla(208, 56%, 53%, 0.4) !important;
  /*if not important, list-group.less overloads it for some reason*/
}

.address-list-item.active:hover {
  color: hsl(208, 40%, 43%) !important;
  background-color: hsla(208, 56%, 53%, 0.2) !important;
  border-color: hsla(208, 56%, 53%, 0.5) !important;
  /*if not important, list-group.less overloads it for some reason*/
}

.address-list-item.invalid,
.address-list-item.invalid:hover {
  color: #A94442;
  background-color: #F2DEDE;
  border-color: #EBCCD1;
}

.address-list-toggleused {
  padding-top: 8px;
  padding-right: 1px;
}

.address-list-index {
  margin-bottom: -2px;
  margin-right: 6px;
  opacity: 0.2;
  line-height: 1;
}

.address-qr-link {
  display: inline-block;
  margin-top: -4px;
  margin-left: -4px;
  border: 4px solid transparent;
}
.address-qr-link:hover,
.address-qr-link:focus,
.address-qr-link:active {
  border-color: #428BCA;
}
.address-qr-link canvas {
  display: block;
}

.address-verify {
  display: inline-block;
  margin-left: 8px;
}

.address-verify.nonactive{
    opacity:0.3    
}

.address-verify.nonactive:hover{
    opacity:0.6    
}
.btn-verifyaddress {
  padding: 0;
  opacity: 0.6;
  line-height: 1;
}

.btn-verifyaddress[disabled] {
  opacity: 0.3;
}

/* Send */

.qrscan-video {
  display: block;
  width: 100%;
}

.qrscan-cancel {
  position: absolute;
  bottom: 10px;
  right: 25px; /* 10px + 15px of col padding */
}

.qrscan-col .qrscan-cancel {
  visibility: hidden;
}

.qrscan-col:hover .qrscan-cancel {
  visibility: visible;
}

/* Device setup & restore */

.devsetup {
  padding-right: 30px;
  border-right: 1px solid #EEE;
}

.devsetup-strength {
  margin-top: 10px;
}

.devsetup-strength-label {
  display: block;
  text-transform: uppercase;
  font-size: 10px;
}

.devrestore {
  padding: 20px;
}

/* PIN modal */

.pinmodal .modal-body {
  padding-bottom: 0;
}
.pinmodal .modal-footer {
  margin-top: 0;
}
.pinmodal .form-group {
  margin: 0;
}
.pinmodal .col-sm-4 .btn {
  width: 83px;
  height: 83px;
}
.pinmodal .col-sm-4 .btn:focus {
  outline: 0;
}

.pinmodal-dial .form-group {
  margin-left: -5px;
  margin-right: -5px;
  margin-bottom: 10px;
}
.pinmodal-dial .col-sm-4 {
  padding-left: 5px;
  padding-right: 5px;
}

.pinmodal-pin {
  position: relative;
  margin: 0.5em 0;
  padding-right: 50px;
}
.pinmodal-pin-value {
  height: 1.2em;
  padding-top: 0.05em;
  font-size: 200%;
  line-height: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}
.pinmodal-pin .btn-back {
  position: absolute;
  right: 0;
  top: 0;
}
.pinmodal-rating {
  padding-bottom: 0.5em;
}

.btn-back {
  position: relative;
  height: 28px;
  color: #333;
  background: #e1e1e1;
  padding: 0 0.5em;
  line-height: 28px;
}
.btn-back:hover,
.btn-back:focus,
.btn-back:active {
  color: #000;
  background: #d9d9d9;
}
.btn-back .arrow {
  width: 0;
  height: 0;
  position: absolute;
  left: -15px;
  top: -1px;
  border-top: 14px solid transparent;
  border-bottom: 14px solid transparent;
  border-right: 14px solid #e1e1e1;
}
.btn-back:hover .arrow,
.btn-back:focus .arrow,
.btn-back:active .arrow {
  border-right-color: #d9d9d9;
}

/* Transaction Send */

.tx-amount input,
.tx-amount select,
.tx-amount .input-group,
.tx-amount .form-control-static,
.tx-amount .input-wrapper {
  float: left;
}
.tx-amount input,
.tx-amount .input-group input,
.tx-amount select {
  width: 7em;
}
.tx-amount .input-group-addon {
  width: 3em;
}
.tx-amount select {
  width: 6em;
  border-left: 0;
}
.tx-amount-sep {
  width: 1.5em;
  font-size: 150%;
  text-align: center;
  padding: 0 !important;
  margin: 0;
  line-height: 1.5;
}
.tx-amount-info {
  padding-left: 1.5em;
  color: #777; /* .text-muted */
  font-size: 10px; /* .tx-preview */
  line-height: 2;
}
.tx-amount .help-block {
  clear: both;
  padding-top: 0.5em;
}

.tx-output {
  margin-bottom: 25px;
}
.tx-submit-additional {
  margin-top: 10px;
  margin-left: 15px;
}
.tx-output .input-with-icon {
  max-width: 26.5em;
}

.tx-preview {
  margin-top: 15px;
  font-size: 10px;
}
.tx-preview h6 {
  font-size: 11px;
  margin: 4px 0;
}
.tx-preview ul,
.tx-preview ol {
  margin: 4px 0;
}

/* Firmware */

.firmware-info {
  display: block;
  padding: 0.5em 1em;
  margin: 0px 0px 10px;
  color: #333;
  background-color: #F5F5F5;
  border: 1px solid #CCC;
  border-radius: 4px;
}
.firmware-info h5 {
  font-weight: bold;
}
.firmware-info dt {
  font-weight: normal;
  float: left;
  clear: both;
}
.firmware-changelog {
  white-space: pre;
  word-break: break-all;
  word-wrap: break-word;
}


/* Sign */

.sign .form-group .glyphicon-ok,
.sign .form-group .glyphicon-remove {
  display: none;
}
.sign .has-success .glyphicon-ok {
  display: inline-block;
}
.sign .has-error .glyphicon-remove {
  display: inline-block;
}


.icon-help {
  display: inline-block;
  vertical-align: middle;
  background-position: center left;
  background-repeat: no-repeat;
  width:20px; 
  height:20px;
  background-image: url('');
}

.icon-blockmeta {
  display: inline-block;
  background-repeat: no-repeat;
  width:14px; 
  height:14px;
  background-image: url('');
}

.icon-blockchain {
  display: inline-block;
  background-repeat: no-repeat;
  width:14px; 
  height:14px;
  background-image: url('');
}

.icon-new {
  display: inline-block;
  vertical-align: middle;
  background-position: center left;
  background-repeat: no-repeat;
  width:22px; 
  height:22px;
  background-image: url('');
}

.settings-left {
  font-weight:700;
  padding-top:4px;
}

.settings-right {
  padding-top:4px;
}